.banner { position: relative; overflow: auto; height:400px; }
.banner ul li { float: left; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; box-shadow: inset 0 -3px 6px rgba(0,0,0,.1); min-height:10em; }
.banner .btn { display: inline-block; margin: 25px 0 0; padding: 9px 22px 7px; clear: both; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; border: 2px solid rgba(255,255,255,.4);border-radius: 5px; }
.banner .btn:hover { background: rgba(255,255,255,.05);}
.banner .btn:active { -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); }
.banner .btn, .banner .dot { -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));}
.banner .dots { position: absolute;	left: 0; right: 0; bottom: 0; width: 100%; text-align:center; padding:8px 0;}
.banner .dots li { display: inline-block; *display: inline; zoom: 1; width: 10px; height: 10px; line-height: 10px;margin: 0 4px; text-indent: -999em; *text-indent: 0; border: 2px solid #fff; border-radius: 7px; cursor: pointer;opacity: .8; -webkit-transition: background .8s, opacity .8s; -moz-transition: background .8s, opacity .8s; transition: background .8s, opacity .8s;}
.banner .dots li.active { background: #fff; opacity: 1; }